import { reqLogin, reqProfile, reqUserInfo } from '@/api/user'
import { getToken, setToken } from '@/utils/auth'
const state = {
  token: getToken(),
  userInfo: {}
}
const mutations = {
  setToken(state, newToken) {
    state.token = newToken
    setToken(newToken)
  },
  setUserInfo(state, newUser) {
    state.userInfo = newUser
  }

}
const actions = {
  async login(context, data) {
    const res = await reqLogin(data)
    context.commit('setToken', res.data)
    return res
  },
  async getUserInfo(context) {
    const { data } = await reqProfile()
    const { data: result } = await reqUserInfo(data.userId)
    console.log(result)
    const baseResult = {
      ...data,
      ...result
    }
    context.commit('setUserInfo', baseResult)
    return baseResult
  }

  // 这里使用Promise原生的写法进行操作
  // login(context, data) {
  //   // return new Promise((resolve, reject) => {
  //   //   reqLogin(data).then((res) => {
  //   //     // 提交mutations并传参数
  //   //     context.commit('setToken', res.data)
  //   //     // 必须要调用resolve 相当于return 不然在login 组件拿不到
  //   //     resolve(res)
  //   //   }).catch((error) => {
  //   //     console.log(error)
  //   //     reject(error)
  //   //   })
  //   // })
  //   return new Promise((resolve, reject) => {
  //     reqProfile().then(res => {
  //       console.log(res)
  //       context.commit('')
  //     }).catch(error => {
  //       console.log(error)
  //     })
  //   })
  // }
}

const getters = {}

export default {
  namespaced: true,
  state,
  mutations,
  actions,
  getters
}
